<script src="./home.js"></script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style src="./home.less" lang="less" scoped></style>

<template>
    <div class="home">
        <top-nav ref="topnav"></top-nav>

        <div class="swiper-container">
            <div class="text">
                <h1>发现信息价值</h1>
                <h2>通过互联网和人工智能传承人类智慧</h2>
            </div>
            <div class="swiper-wrapper">
                <div class="swiper-slide slide1"><i></i></div>
                <div class="swiper-slide slide2"><i></i></div>
            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination"></div>
        </div>

        <div class="part">
            <strong>用互联网+人工智能为行业提供整体解决方案</strong>
            智媒云图以数字经济为首个行业应用，实现从数字内容、数字创意、市场调查、咨询报告到整合传播、数字营销的全链条信息解决方案供应商，同时，快速拓展为制造业、畜牧业、旅游业等各行业客户提供基于互联网+人工智能的整体解决方案。
        </div>
        <div class="part2 center">
            <ul>
                <li v-for="t in txts"><i></i><strong>{{t.title}}</strong>{{t.txt}}</li>
            </ul>
        </div>
        <div class="part3">
            <div class="center">
                <div class="left">
                    <strong>社会责任</strong>
                    我们的业务包括核心电商、云计算、数字媒体和娱乐以及创新项目和其他业务。我们并通过所投资的关联公司参与物流和本地服务行业。年行业沉淀，200 种行业项目经验，为 2000 + 多家权威品牌
                </div>
                <ul>
                    <li v-for="(i,index) in imgs">
                        <router-link :to="'duty/'+index"><img v-bind:src="i"></router-link>
                    </li>
                </ul>
            </div>
        </div>
        <div class="part">
            <strong>立刻与智媒云图开展合作</strong>
            如需详细的专案服务，请与智媒云图取得联系。
            <router-link to="about/contact">
                <a href="javascript:void(0);">联系我们</a>
            </router-link>
        </div>

        <footer-nav ref="footer"></footer-nav>
    </div>
</template>

